<template>
    <svg :style="{width,height}">
      <use :href="prefix + name" :fill="color"></use>
    </svg>
  </template>
  
  <script setup>
    defineProps({
        //xlink:href属性值前缀
        prefix:{
            type: String,
            default: '#icon-'
        },
        //提供使用的图标名字
        name: String,
        //接受父组件传递颜色
        color:{
            type: String,
            default: ''
        },
        width:{
           type: String,
            default: '16px'
        },
        height:{
           type: String,
            default: '16px'
        }
    })
  </script>

  <style lang="scss" scoped>
  
  </style>
